<template>
  <client-only>
    <div class="menu_panel">
      <h3 class="title">个人资料</h3>
      <ul class="menus">
        <li >
          <router-link :to="{name: 'account-user'}">用户信息</router-link>
        </li>
        <li>
          <router-link :to="{name: 'account-collect'}">我的收藏</router-link>
        </li>
        <li >
          <router-link :to="{name: 'account-order'}">我的订单</router-link>
        </li>
        <li >
          <router-link :to="{name: 'account-comment'}">我的评论</router-link>
        </li>
      </ul>
    </div>
  </client-only>
</template>
<script>
export default {
  methods:{

  }
}
</script>
<style>
.el-form-item__error{
    z-index: 9999999;
}

.menu_panel{
  background-color: #fff;
  margin-bottom: 20px;
  border-radius: 6px 6px 0 0;

  .act_icon {
    width: 16px;
    margin-right: 2px;
  }
}

.title{
  font-size: 20px;
  color: #333;
  line-height: 60px;
  padding: 0 290px;
  border-bottom: 1px solid rgb(242, 242, 242);
}

.menus{
  li{
    line-height: 40px;
    text-align: left;
    padding: 0 300px;

    &:hover, &.on {
      a {
        color: #D51423;
      }
    }
  }
}
a{
  color: #333;
  font-size: 14px;
}



</style>
